﻿@charset "utf-8";
@import "common/global";
@import "header";
@import "footer";

.policy-detail{
   background-color:$bgColor;
   padding-bottom: 1.06rem;
}

.policy-detail{
    .policy-head{
        background: $diyColor;
        padding: rem(30px);
        color: #fff;

        .product-text{
            width: 70%;
            word-break: break-all;
        }

        .product-state{
            padding: rem(5px) rem(10px);
            border:1px solid #fff;
            
        }
    }

    .box-div{
        position: relative;
        width: 96%;
        margin: 0 auto;
    }

    .detail-items{
        display: flex;
        border-bottom: 1px solid #ddd;
    }

    .flex-left{
        flex: 1 1 auto;
    }

    .flex-right{
        flex: 1 1 auto;
        text-align: right;
    }

    .am-list-item .am-list-line .am-list-extra{
        flex-basis: 60%;
    }

    .policy-items{
        margin:rem(55px)  rem(40px) rem(30px)  rem(40px);
        position: relative;
        z-index: 2;

        .policy-li{
            padding:rem(30px);
            position: relative;
        }
    }

    
     [class ^='icon-half']{
        position: absolute;
        background-size: cover;
        background-repeat:no-repeat;
        width: .17rem;
        height:.3rem;
        top:.87rem;
    }
    .icon-half-right1{
        left: -1.1px;
        background-image: url("../../public/assets/images/myicon/half-right1.png")
    }
     .icon-half-left1{
        right: -1px;
        background-image: url("../../public/assets/images/myicon/half-left1.png")
    }
    
     [class ^='icon-detail-state']{
        position: absolute;
        background-size: cover;
        background-repeat:no-repeat;
        width: 1.7rem;
        height:.57rem;
        top:.15rem;
        right: .15px;
    }
    .icon-detail-state-1{
        background-image: url("../../public/assets/images/myicon/icon-detail-state-1.png")
    }
    .icon-detail-state-2{
        width: 2rem;
        height:.56rem;
        
        background-image: url("../../public/assets/images/myicon/icon-detail-state-2.png")
    }
    .icon-detail-state-3{
        background-image: url("../../public/assets/images/myicon/icon-detail-state-3.png")
    }

    .icon-box{
        position: absolute;
        background-size: 100% 100%;
        background-repeat:no-repeat;
        width: 100%;
        height:.5rem;
        top:.3rem;
        left: 0;
        background-image: url("../../public/assets/images/myicon/icon-box.png");
        z-index:1;
    }
}


.page-layer{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    .layer-content-wrap{
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 100%;

        .layer-content{
            background: #fff;
            overflow: auto;
        }
    }
     
}

.invoice-list {
    a{
        color: $diyColor !important;
    }  
}